<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>菜单管理</title>
</head>
<body>
	<button class="layui-btn bt_addd">添加</button>
	<!--隐藏框用来刷新页面  -->
	<input type="hidden" id="refresh">
	<table class="layui-table layui-form" id="tree-table" lay-size="sm"></table>
	<script type="text/javascript">
		layui.config({
			base : '${ctx}/static/js/',
		})
		layui.use([ 'treeTable', 'layer', 'code', 'form' ],function() {
			var $ = layui.$, 
			form = layui.form, 
			layer = layui.layer, 
			treeTable = layui.treeTable;
			var re = treeTable.render({
			elem : '#tree-table',
			url : '${ctx}/menu/page',
			icon_key : 'menuname',
			is_checkbox : true,
			end : function(e) {
				form.render();
			},
			cols : [
					{
						key : 'menuname',
						title : '菜单名称',
						width : '100px'
					},
					{
						key : 'id',
						title : '菜单ID',
						width : '100px',
						align : 'center',
					},
					{
						key : 'pid',
						title : '父菜单ID',
						width : '100px',
						align : 'center',
					},
					{
						key : 'mentype',
						title : '菜单类型',
						align : 'center',
					},
					{
						key : 'icon',
						title : '菜单图标',
						align : 'center',
					},
					{
						key : 'address',
						title : '跳转地址',
						width : '100px',
						align : 'center',
					},
					{
						key : 'method',
						title : '回调方法',
						align : 'center',
					},
					{
						key : 'no',
						title : '序号',
						align : 'center',
					},
					{
						title : '操作',
						align : 'center',
						template : function(item) {
							return '<button class="layui-btn layui-btn-sm layui-btn-primary" lay-filter="add">添加</button>'
									+ '<button class="layui-btn layui-btn-sm layui-btn-warm" lay-filter="update">修改</button>'
									+ '<button class="layui-btn layui-btn-sm layui-btn-danger" lay-filter="delete">删除</button>';
						}
					} ]
		});
		//父级菜单添加(顶级)
		$('.bt_addd').click(function() {
			layer.open({
				type : 2,
				title : '添加顶级菜单',
				shadeClose : true,
				shade : false,
				maxmin : true, //开启最大化最小化按钮
				area : [ '893px', '600px' ],
				content : '${ctx}/menu/menu_adddPage'
			});
		})
		//添加、
		treeTable.on('tree(add)', function(data) {
			layer.open({
				type : 2,
				title : '添加',
				shadeClose : true,
				shade : false,
				maxmin : true, //开启最大化最小化按钮
				area : [ '893px', '600px' ],
				content : '${ctx}/menu/menu_addPage?pid='+data.item.id
			});
		})
 		//删除
		treeTable.on('tree(delete)', function(data) {
			layer.confirm('确定删除吗？', {icon: 3, title:'提示'}, function(index){
				$.post('${ctx}/menu/delete', 'id='+data.item.id, function (d){
					if (d=="") {
						layer.msg('删除成功', {icon: 1});
						treeTable.render(re);
					}else {
						layer.msg(d, {icon: 2});
					}
				})
				layer.close(index);
			});
		})
		//修改
		treeTable.on('tree(update)', function(data) {
			layer.open({
				type : 2,
				title : '添加',
				shadeClose : true,
				shade : false,
				maxmin : true, //开启最大化最小化按钮
				area : [ '893px', '600px' ],
				content : '${ctx}/menu/menu_updatePage?'+data
			});
		}) 
		
		//刷新
		$('#refresh').click(function() {
			treeTable.render(re);
			treeTable.openAll(re);
		})
		//全部展开
		treeTable.openAll(re);
	})
	</script>
</body>
</html>